<script setup lang="ts">
  import Header from '@/layouts/header/Index.vue'
  import Footer from '@/layouts/footer/Index.vue'
</script>

<template>
  <Header/>
  <div class="body">
    <router-view></router-view>
  </div>
  <Footer/>
</template>

<style lang="scss">

@import '../src/styles/index.scss';
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
body {
  min-width: 1200px;
  background: var(--bg-minor-color);
}
div, a, span, p, ul, li, h1, h2, h3, h4, h5, h6, header, footer, address {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
  &:hover {
    color: var(--navigator-border-color);
  }
}
#app {
  width: 100%;
  height: 100%;
}
</style>
<style lang="scss" scoped>
.body {
  width: 1200px;
  margin: 0 auto;
  padding: 40px;
}
</style>
